<template>
	<div class="doc_pc_components_Spin">
		<div>
			默认:
			<Spin
				type="tail"
				class="doc-Spin"
			/>
			<Spin
				type="circle"
				class="doc-Spin"
			/>
			<Spin
				type="dot"
				class="doc-Spin"
			/>
		</div>
		<div>
			大小:
			<Spin
				type="tail"
				class="doc-Spin"
				size="44"
			/>
			<Spin
				type="circle"
				class="doc-Spin"
				size="44"
			/>
			<Spin
				type="dot"
				class="doc-Spin"
				size="44"
			/>
		</div>
		<div>
			颜色:
			<Spin
				type="tail"
				class="doc-Spin"
				color="green"
			/>
			<Spin
				type="circle"
				class="doc-Spin"
				color="green"
			/>
			<Spin
				type="dot"
				class="doc-Spin"
				color="green"
			/>
		</div>
	</div>
</template>

<script setup>
import {Spin} from 'powerful-ui/pc-default';
</script>

<style lang="scss">
.doc_pc_components_Spin{
	>div{
		margin:20px;
	}
	.doc-Spin{
		margin:0 10px;
	}
}
</style>